<template>
	<view class="member-container">
		<uni-easyinput prefixIcon="search" v-model="value" placeholder="请输入门店或人员关键字..."></uni-easyinput>
		<uni-list :border="false">
			<uni-list-item :border="false" v-for="menu in menuList" :key="menu.name" :title="menu.name" showArrow :thumb="menu.icon" thumb-size="lg" />
		</uni-list>
		<StoreList :storeList="storeList" :selectedStore.sync="selectedStore" />
		<StoreMember :memberList="memberList" :showAdd="true" />
	</view>
</template>

<script>
	import StoreList from '@/components/store-list/StoreList.vue';
	import StoreMember from '@/components/store-member/StoreMember.vue';
	import commonUtils from '@/common/util/common.js'
	export default {
		components: {
			StoreList,
			StoreMember
		},
		data() {
			return {
				value: '',
				menuList: [{
						name: '添加门店',
						icon: require('../../static/member/person-add.png'),
						path: ''
					},
					{
						name: '绑定已有门店',
						icon: require('../../static/member/person-binding.png'),
						path: ''
					},
					{
						name: '服务窗',
						icon: require('../../static/member/person-service.png'),
						path: ''
					}
				],
				storeList: [{
						id: '1',
						name: '未成年人防控中心',
						icon: require('../../static/index/internet-bar.png'),
						status: '正常营业',
						color: 'success'
					},
					{
						id: '2',
						name: '量版式kvt',
						icon: require('../../static/index/KTV.png'),
						status: '等待提交',
						color: 'waitting'
					},
					{
						id: '3',
						name: '电影院',
						icon: require('../../static/index/cinema.png'),
						status: '停业',
						color: 'shutdown'
					}
				],
				memberList: [{
						avatar: require('../../static/index/member.png'),
						name: '张三1',
						post: '员工',
						id: '1'
					},
					{
						avatar: require('../../static/index/member.png'),
						name: '张三2',
						post: '员工',
						id: '2'
					},
					{
						avatar: require('../../static/index/member.png'),
						name: '张三3',
						post: '员工',
						id: '3'
					},
					{
						avatar: require('../../static/index/member.png'),
						name: '张三4',
						post: '员工',
						id: '4'
					}
				]
			};
		},
		onLoad() {
			commonUtils.loadFont()
		},
		methods: {}
	};
</script>

<style scoped lang="scss">
	.member-container {
		font-family: 'PingFangSc';
		padding: 36upx 32upx;

		/deep/.uni-list-item__container {
			padding: 12px 0;
		}

		/deep/.uni-icon-wrapper {
			padding-right: 0;
		}
	}
</style>
